import 'package:fish_redux/fish_redux.dart';
import 'package:flutter/material.dart';
import '../../../app_files.dart';
import 'action.dart';
import 'state.dart';

Widget buildView(
    GasInsuranceViewState state, Dispatch dispatch, ViewService viewService) {
  return Scaffold(
    backgroundColor: Colors.white,
    appBar: myAppBar(viewService.context, title: '燃气保险'),
    body: state.companyName == null ? MyLoadingWidget() : SingleChildScrollView(
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Padding(
            padding: EdgeInsets.symmetric(vertical: 20),
            child: Align(
              child: Text(
                '燃气保险代售说明',
                style: TextThemeConfig.Font16BoldWithColor22,
              ),
            ),
          ),
          Padding(
            padding: EdgeInsets.symmetric(horizontal: 15),
            child: Text(
              '   随着人们生活水平不断提高，天燃气在居民生活中扮演着越来越重要的角色。与此同时，因燃气其易燃、易爆、易中毒等特性，安全用气的问题也越来越突出，为进一步保障燃气用户用气安全和人身财产安全，减少燃气事故给家庭造成的损失，全国各地的燃气保险便如雨后春笋般应运而出。',
              style: TextThemeConfig.Font14WithColor22,
            ),
          ),
          Padding(
            padding: EdgeInsets.symmetric(horizontal: 15),
            child: Text(
              '   近期，${state.companyName}（以下简称“濮阳燃气”）已联合国任保险经纪向广大用户推介燃气保险的用途及内容，让更多人了解燃气保险，熟悉燃气保险，并让燃气保险成为保障自身人身财产安全的一部分。',
              style: TextThemeConfig.Font14WithColor22,
            ),
          ),
          Padding(
            padding: EdgeInsets.symmetric(horizontal: 15),
            child: Text(
              '   此次燃气保险主要针对使用管道输气的居民用户。居民用户的用气风险主要来自于火灾、泄露、爆炸这三类，针对以上情况推出的燃气保险，一旦遇到燃气事故。不仅可以保障自身家庭成员，还可以保障因为燃气事故受损失的邻居，甚至因为到家里做客的而被波及的亲朋好友。',
              style: TextThemeConfig.Font14WithColor22,
            ),
          ),
          Padding(
            padding: EdgeInsets.symmetric(horizontal: 15),
            child: Text(
              '   客户可以到濮阳燃气客户服务中心具体咨询燃气保险项目情况。',
              style: TextThemeConfig.Font14WithColor22,
            ),
          ),
          Padding(
            padding: EdgeInsets.only(left: 15, top: 20),
            child: Text(
              '濮阳燃气客户服务中心\r\n地址：${state.companyAddress}\r\n电话：${state.consumerPhone}',
              style: TextThemeConfig.Font14WithColor22,
            ),
          ),
          Padding(
            padding: EdgeInsets.only(right: 15, top: 18),
            child: Align(
              alignment: Alignment.centerRight,
              child: Text(
                '${state.companyName}\r\n\r\n',
                style: TextThemeConfig.Font14WithColor22,
              ),
            ),
          ),
        ],
      ),
    ),
  );
}
